html {
  text-rendering: optimizelegibility;
}

body {
  overflow-y: auto;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif !important;
  font-size: 14px;
  color: var(--vp-c-text-1);
}

h1[tabindex='-1'] {
  font-size: 30px !important;
}

h3[tabindex='-1'] {
  margin-top: 28px !important;
}

h2[tabindex='-1'] {
  margin-top: 38px !important;
}

.VPHomeHero .container {
  font-family: var(--vp-font-family-base);
}

/* navbar and home title */
.VPNavBarTitle a,
.VPHero .container .clip {
  font-family: var(--vp-font-family-base);
  background-image: linear-gradient(
    to right,
    #eea2a2 0%,
    #bbc1bf 19%,
    #57c6e1 42%,
    #b49fda 79%,
    #7ac5d8 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* home hero logo bg */
.VPHero .container .image .image-container .image-bg {
  background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
  filter: var(--vp-home-hero-image-filter);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--vp-c-text-1) !important;
}

.medium-zoom-overlay,
.medium-zoom-image--opened {
  z-index: 999;
}

@media (min-width: 768px) {
  .VPHome {
    padding-bottom: 60px !important;
  }
}

span {
  font-style: normal !important;
}
